<!DOCTYPE html>
<html>
  <head>
    <title>我的佣金</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <link rel="stylesheet" href="${s.base}/mobile/base/css/jquery-weui.css">
	  <link rel="stylesheet" href="${s.base}/mobile/base/css/base.css?123456">
	  <link rel="stylesheet" href="${s.base}/mobile/base/css/component.css?123456">
    <style type="text/css">
	html,body{background:#F8F8F8;}
		.xyg-score{width: 100%; background: #E90719; height: auto; padding-bottom: 20px;}
		.xyg-score .xyg-score-title{width: 100%;height: 40px; padding-top:30px; color: #ffffff; font-size: 28px; line-height: 40px; text-align: center;}
		.xyg-score .xyg-score-value{width: 100%;height:60px; font-size: 50px; padding:20px 0px;  color: #ffffff; line-height: 60px; text-align: center;}
		.xyg-score .xyg-score-other{width: 100%;height:100px; padding-top:60px;  }
		.xyg-score .xyg-score-other .xyg-score-other-item{width:33%;height:auto;text-align: center;height: 50px; font-size: 28px; line-height: 50px; float: left;color: #ffffff;}
		.xyg-score .xyg-score-other .xyg-comp-line{width:1px;height:100%; background: #FFFFFF;float: left; }
	 .xyg-content{width:100%; height:auto;}
     .xyg-content .xyg-content-item{width:90%; height:auto; margin-top:10px; padding:30px 5%; background:#ffffff;}
	 .xyg-content .xyg-content-item .xyg-content-item-two{width:50%; float:left; font-size: 28px; line-height: 45px; color: #2F2F2F;}
	 .xyg-content .xyg-content-item .xyg-content-item-one{width:100%;font-size: 28px; line-height: 45px; color: #2F2F2F;}
    </style>
  </head>
  <body>
 
 
 <div class="xyg-score">
 	<div class="xyg-score-title">可提现余额（元）</div>
 	<div class="xyg-score-value">${webMember.money}</div>
 	<div class="xyg-score-other">
 		<div class="xyg-score-other-item">
			<div>
				${allMoney}
			</div>
	    	<div>
				累计佣金
			</div>
 	    </div>
 	    <div class="xyg-comp-line"></div>
 	    <div class="xyg-score-other-item">
			<div>
				${txcg}
			</div>
	    	<div>
				已提现
			</div>
 	    </div>
 	     <div class="xyg-comp-line"></div>
 	    <div class="xyg-score-other-item">
			<div>
				${dtx}
			</div>
	    	<div>
				提现中
			</div>
 	    </div>
 	    <div class="clearBoth"></div>
 	</div>
 	<div class="clearBoth"></div>
 </div>
   <div class="xyg-content">
       <!--<div class="xyg-content-item">
          <div class="xyg-content-item-two">
			日期：2019-07-22
		   </div>
          <div class="xyg-content-item-two">
			类型：推广客户
		   </div>
          <div class="xyg-content-item-one">
			说明：推荐客户成功获取佣金12000元
		   </div>
           <div class="clearBoth"></div>
       </div>-->


   </div>
  <div style="width: 100%; height: 160px;"></div>
 <div class="margT60 width-b-90" style="position: fixed; bottom: 40px; left: 0px;">

	 <div onclick="goTixianPage('${memberId}')" class="xyg-btn-two backgroud4 color2">提现</div>
       </div>
   
  </body>
  <script src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
  <script src="${s.base}/mobile/base/js/jquery-2.1.4.js"></script>
  <script src="${s.base}/mobile/base/js/jquery-weui.js"></script>
  <script src="${s.base}/mobile/base/js/swiper.js"></script>
  <script src="${s.base}/mobile/base/fonts/iconfont.js"></script>
  <script src="${s.base}/mobile/base/js/component.js"></script>
  <script src="${s.base}/mobile/base/js/base.js?123456789000"></script>
  <script type="text/javascript">
  	initXygDpi();
  	var memberId = '${memberId}';
	$(document).ready(function(e) {
		initDate();
    });
	function initDate(){
        isDestroy = false;
        $(document.body).infinite().on("infinite", function () {
            if (loading) return;
            loading = true;
            sendPost();
        });
        sendPost();
	}

    var pageNum = 0;
    var pageSize = 5;
    var loading = false;  //状态标记
    var isDestroy = false;  //状态标记

    function sendPost() {
        pageNum++;
        $.fn.postMethodAll("/weChat/hostDetail/page",{'pageNum':pageNum,'pageSize':pageSize,'memberId':memberId},function (result) {
            if (result.data != null && result.data.length > 0) {
                result.data.forEach(function (item,key,mapObj) {
                    var str='<div class="xyg-content-item">\
                        <div class="xyg-content-item-two">\
                        日期：'+item.createTimeStr+'\
                    </div>\
                    <div class="xyg-content-item-two">\
                        类型：推广客户\
                    </div>\
                    <div class="xyg-content-item-one">\
                        说明：'+item.descripts+'\
                    </div>\
                    <div class="clearBoth"></div>\
                        </div>';
                    $(".xyg-content").append(str);
                });
                loading = false;
                if (!result.hasNextPage) {
                    $(document.body).destroyInfinite();
                    isDestroy=true;
                }
            } else {
                $(document.body).destroyInfinite();
                isDestroy=true;
            }
            if(result.count<=0){
                $(".xyg-content").html('<div style="width: 100%; height: auto; line-height: 50px; text-align: center; margin-top: 150px; color: #0A0A0A; font-size: 32px;">'+
                    '<img src="${s.base}/mobile/base/images/no.png" style="width: 350px; height: auto; margin: 10px auto;"/>'+
                    '暂无数据</div>');
			}
        });
    }

  </script>
  
</html>

